<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>datepicker</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<style type="text/css">
			/* 输入框样式 */
			.datepicker{
				border: 1px solid #ccc;
				border-radius: 4px;
				padding: 5px;
				height: 24px;
				line-height: 24px;
				width: 230px;
			}
			/* 聚焦时候样式 */
			.datepicker:focus{
				outline: 0 none;
				border: 1px solid #1abc9c;
			}
		</style>
	</head>
	<body>
		<!--
        	作者：qwuxinhua@163.com
        	时间：2017-09-23
        	描述：开发一个时间组件
        -->
        <input type="text"  class="datepicker" />
		<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
		<script>
//			var monthData = datepicker.getMonthData(2016,12);
//			console.log(monthData);
			// 渲染一个div
//			datepicker.init(document.querySelector('.ui-datepicker-warpper'));
			// 触发input弹出时间组件
			datepicker.init('.datepicker');
		</script>
	</body>
</html>
